// Message方法封装
// 通过调用这个函数实现灵活的组件渲染

import { createVNode, render } from 'vue'
import _Message from './index.vue'
function Message ({ type, text }) {
  // 核心逻辑
  // 1.生成vnode
  const vNode = createVNode(_Message, { type, text })
  // 2. 准备一个挂载的节点
  // body元素的末尾生成一个div
  const div = document.createElement('div')
  document.body.append(div)
  // 3. 调用render实现渲染到浏览器中
  render(vNode, div)
  // 1.5s自行消失
  setTimeout(() => {
    render(null, div)
  }, 1500)
}

export default Message
